<template>
  <div>
    <History></History>
    <Hot></Hot>
    <Good></Good>
  </div>
</template>

<script>
import History from "@/views/search/components/History.vue";
import Hot from "@/views/search/components/Hot.vue";
import Good from "@/views/search/components/Good.vue";

export default {
  name: "search-index",
  components: {
    History,
    Hot,
    Good,
  },
  mounted() {
    this.$bus.$on("handler", (val) => {
      this.$router.push({
        name: "searchList",
        query: { key: val },
      });
    });
  },
};
</script>

<style>
</style>